<!DOCTYPE html>
<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Gentellela Alela! | </title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <!-- NProgress -->
    <!--<link href="css/nprogress.css" rel="stylesheet">-->
    <!-- FullCalendar -->
    <link href="css/fullcalendar.min.css" rel="stylesheet">
    <link href="css/fullcalendar.print.css" rel="stylesheet" media="print">
    <style>
    	
    	#bbb{
    		margin: 2px 90px;
    		float: left;
    		display: none;
    	}
    	.look tr:last-child a{
    		 padding: 2px 6px;
    	}
    </style>
	
		
    <!-- Custom styling plus plugins -->
    <link href="css/custom.min.css" rel="stylesheet">
  </head>

  <body class="nav-md">
    <div class="container body">
      <div class="main_container">
       <div id="head">
       	
       </div>

        

        <!-- page content -->
        <div class="right_col" role="main">
          <div class="">
            <div class="page-title">
              <div class="title_left">
              	<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
               <div class="input-group">
                <input type="text" class="form-control" placeholder="集拼号">
                    <span class="input-group-btn">
                      <button class="btn btn-default" type="button">搜索</button>
                    </span>
                    
                      </div>
                      
                         </div>
              </div>

              <div class="title_right"	style="margin-top: 8px;">
                    <!-- <h3>右边数据<small>Click to add/edit events</small></h3>-->
                     	<!--<a href="http://www.baidu.com"></a>--> 
                     	<a class="collapse-link" id="gsearch"><i class="fa fa-chevron-up">高级搜索</i></a>
                     	 
              </div>
              <div style="width: 1300px" class="row" id="bbb">

                <form style="width: 1000px;margin: 0;display: inline-block">
                  <div class="row">
                    <label class="col-sm-1 control-label" style="text-align: right;" >集拼号：</label>
                    <div class="col-sm-2">
                      <input class="form-control" id="spelNo" type="text" />
                    </div>
                    <label class="col-sm-1 control-label" style="text-align: right;" >订单号：</label>
                    <div class="col-sm-2">
                      <input class="form-control"  id="orderNo" type="text" />
                    </div>

                    <label class="col-sm-1 control-label" style="text-align: right;" >订舱号：</label>
                    <div class="col-sm-2">
                      <input class="form-control" id="reqNo" type="text" 	/>
                    </div>
                    <label class="col-sm-1 control-label" style="text-align: right;" >SO_NO：</label>
                    <div class="col-sm-2">
                      <input class="form-control" id="SONO" type="text" />
                    </div>

                  </div>



                </form>
                <button type="button" class="btn btn-info page1" style="float: right;margin-right: 150px;">开始搜索</button>
              </div>


            </div>
				
            <div class="clearfix"></div>

            <div class="row">
              <div class="col-md-12">
                <div class="x_panel">
                  <div class="x_title">
                    <h2>空运订舱</h2>
                    <ul class="nav navbar-right panel_toolbox">
                      <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                      </li>
                    
                      
                    </ul>
                    <div class="clearfix"></div>
                  </div>
                  <div class="x_content">


                    <!-- start project list -->
                    <table id="table1" class="table table-striped projects look">
                      <thead>
                        <tr>

                          <th style="width: 2%;width: 50px;"></th>
                          <th style="width: 5%">集拼号</th>
                          <th style="width: 12%">订单号/订舱申请号</th>
                          <th style="width: 6%">订舱号</th>
                          <th style="width: 6%">SO NO</th>
                          <th style="width: 10%">航空公司</th>
                          <th style="width: 8%">航班/航次</th>
                          <th style="width: 8%">ETD/ETA</th>
                          <th style="width: 6%">截关时间</th>
                          <th style="width: 8%">启运机场/目的机场</th>
                          <th style="width: 8%">提单类型</th>
                          <th style="width: 5%">状态</th>
                          <th style="width: 14%">操作</th>
                        </tr>
                      </thead>

                    </table>
                    <!-- end project list -->

                  </div>
                </div>
              </div>
          </div>
        </div>
        <!-- /page content -->

        <!-- footer content -->
        <footer>
 
														    <!--<div class="checkbox-custom checkbox-default" >
														        <input type="checkbox" id="RememberMe1" name="procheck" class="aa">
														            <label for="RememberMe" class="aa"></label>	全选
														    </div>-->
									
													
							
        	<button type="button" class="btn btn-info" id="getBooking">申请订舱单</button>
        	<button type="button" class="btn btn-success" id="ycon">订舱反馈</button>
            <button type="button" class="btn btn-dark" id="checkbooking">查看订舱单</button>
        	<button type="button" class="btn btn-danger" id="deleteBooking">作废</button>
          <div class="pull-right" style="margin-top: 38px;">
            <ul class="pagination" id="ye">

            </ul>
          </div>
          <!--<div class="clearfix"></div>-->
        </footer>
        <!-- /footer content -->
      </div>
    </div>

    <!-- calendar modal -->
    <div id="CalenderModalNew" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">

          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4 class="modal-title" id="myModalLabel">New Calendar Entry</h4>
          </div>
          <div class="modal-body">
            <div id="testmodal" style="padding: 5px 20px;">
              <form id="antoform" class="form-horizontal calender" role="form">
                <div class="form-group">
                  <label class="col-sm-3 control-label">Title</label>
                  <div class="col-sm-9">
                    <input type="text" class="form-control" id="title" name="title">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-3 control-label">Description</label>
                  <div class="col-sm-9">
                    <textarea class="form-control" style="height:55px;" id="descr" name="descr"></textarea>
                  </div>
                </div>
              </form>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default antoclose" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary antosubmit">Save changes</button>
          </div>
        </div>
      </div>
    </div>
    <div id="CalenderModalEdit" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
        <div class="modal-content">

          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
            <h4 class="modal-title" id="myModalLabel2">Edit Calendar Entry</h4>
          </div>
          <div class="modal-body">

            <div id="testmodal2" style="padding: 5px 20px;">
              <form id="antoform2" class="form-horizontal calender" role="form">
                <div class="form-group">
                  <label class="col-sm-3 control-label">Title</label>
                  <div class="col-sm-9">
                    <input type="text" class="form-control" id="title2" name="title2">
                  </div>
                </div>
                <div class="form-group">
                  <label class="col-sm-3 control-label">Description</label>
                  <div class="col-sm-9">
                    <textarea class="form-control" style="height:55px;" id="descr2" name="descr"></textarea>
                  </div>
                </div>

              </form>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default antoclose2" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary antosubmit2">Save changes</button>
          </div>
        </div>
      </div>
    </div>
    </div>
    <div id="fc_create" data-toggle="modal" data-target="#CalenderModalNew"></div>
    <div id="fc_edit" data-toggle="modal" data-target="#CalenderModalEdit"></div>
    <!-- /calendar modal -->
        
    <!-- jQuery -->
    <script src="js/jquery.min.js"></script>
    <!-- Bootstrap -->
    <script src="js/bootstrap.min.js"></script>
    <!-- FastClick -->
    <script src="js/fastclick.js"></script>
    <!-- NProgress -->
    <script src="js/nprogress.js"></script>
    <!-- FullCalendar -->
    <script src="js/moment.min.js"></script>
    <script src="js/fullcalendar.min.js"></script>
    <script src="js/icheck.min.js"></script>

    <!-- Custom Theme Scripts -->
    <!--<script src="js/custom.min.js"></script>-->
	
		<style >
			.checkbox-custom {
    position: relative;
    padding: 0 15px 0 25px;
    margin-bottom: 7px;
    margin-top: 0;
    display: inline-block;
}
/*
将初始的checkbox的样式改变
*/
.checkbox-custom input[type="checkbox"] {
    opacity: 0;/*将初始的checkbox隐藏起来*/
    position: absolute;
    cursor: pointer;
    z-index: 2;
    margin: -6px 0 0 0;
    top: 50%;
    left: 3px;
}
/*
设计新的checkbox，位置
*/
.checkbox-custom label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -9px;
    width: 19px;
    height: 18px;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #bbb;
    background: #eee;
}
/*
点击初始的checkbox，将新的checkbox关联起来
*/
.checkbox-custom input[type="checkbox"]:checked +label:after {
    position: absolute;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    content: "\e013";
    top: 48%;
    left: 4px;
    margin-top: -5px;
    font-size: 11px;
    line-height: 1;
    width: 16px;
    height: 16px;
    color: #333;
}
.checkbox-custom label {
    cursor: pointer;
    line-height: 1.2;
    font-weight: normal;/*改变了rememberme的字体*/
    margin-bottom: 0;
    text-align: left;
}
			
		</style>
    <!-- FullCalendar -->
    <script>
        function   formatDate(now)   {
            var   year=now.getFullYear();
            var   month=now.getMonth()+1;
            var   date=now.getDate();
            return   year+"-"+month+"-"+date;
        }

        var $token=window.sessionStorage.getItem('token');
        var $spelno = $("#spelNo").val();
        var $orderNo = $("#orderNo").val();
        var $reqNo = $("#reqNo").val();
        var $SONO = $("#SONO").val();
        var $shippingType = 2;
        $.ajax({
            type:"post",
            xhrFields:{withCredentials:true},
            url:"http://localhost:8081/booking/showbooking",
            dataType:"json",
            data:{"spelno":$spelno,"orderNumber":$orderNo,"reqNo":$reqNo,"sono":$SONO,"shippingType":$shippingType,"token":$token},
            success:function (data) {
                if(data.list==0){
                    $("#table1").hide();
                    $("#tableError").show();
                    $("#tableError").html("抱歉,未找到数据");
                    return;
                }
                $("#tableError").hide();
                $("#table1").show();
                $('#table1 tbody').remove();
                $.each(data.list,function(i,Order) {
                    var $tr = $('<tr></tr>');
                    // <div class="col-sm-8 ">
                    //         <div class="checkbox-custom checkbox-default">
                    //         <input type="checkbox"  name="procheck">
                    //         <label  ></label>
                    //         </div>
                    //         </div>
                    var $td = $('<td><div class="col-sm-8 ">\n' +
                        '                        <div class="checkbox-custom checkbox-default">\n' +
                        '                        <input type="checkbox" status="'+Order.statusid+'" bookingno="'+Order.bookingid+'" value="'+Order.orderNumber+'" name="procheck">\n' +
                        '                        <label for="RememberMe" ></label>\n' +
                        '                        </div>\n' +
                        '                        </div></td>');
                    $tr.append($td);


                    $td = $('<td></td>');
                    $td.text(Order.spelno);
                    $tr.append($td);


                    $td = $('<td></td>');
                    if (Order.bookingid==null) {
                        $td.text(Order.orderNumber+"/");
                    }else {
                        $td.text(Order.orderNumber+"/"+Order.bookingid);
                    }
                    $tr.append($td);

                    $td = $('<td></td>');
                    $td.text(Order.reqNo);
                    $tr.append($td);



                    $td = $('<td></td>');
                    $td.text(Order.sono);
                    $tr.append($td);

                    $td = $('<td></td>');
                    $td.text(Order.companyName);
                    $tr.append($td);

                    $td = $('<td></td>');
                    if (Order.shipName!=null ){
                        $td.text(Order.shipName+"/"+Order.shipCount);
                    }else {
                        $td.text("/");
                    }

                    $tr.append($td);


                    var   $etd=new   Date(Order.etd);
                    var   $eta=new   Date(Order.eta);
                    $td = $('<td></td>');
                    if (Order.etd!=null){
                        $td.text(formatDate($etd)+"/"+formatDate($eta));
                    }else {
                        $td.text("/");
                    }

                    $tr.append($td);

                    var   d=new   Date(Order.closingTime);
                    $td = $('<td></td>');
                    if (Order.closingTime!=null){
                        $td.text(formatDate(d));
                    }else {
                        $td.text("/");
                    }

                    $tr.append($td);

                    $td = $('<td></td>');
                    if (Order.loadingport==null){
                        $td.text("/");
                    }else {
                        $td.text(Order.loadingport+"/"+Order.dischargeport);
                    }
                    $tr.append($td);



                    $td = $('<td></td>');
                    if(Order.selfServices=="on"){
                        $td.text("自取");
                    }else {
                        $td.text("送货");
                    }
                    $tr.append($td);

                    $td = $('<td></td>');
                    if (Order.statusid==33) {
                        $td.html('<button type="button" class="btn btn-success btn-xs">未订舱</button>');

                    }else if (Order.statusid==5) {
                        $td.html('<button type="button" class="btn btn-info btn-xs">已订舱</button>');
                    }else if (Order.statusid==18){
                        $td.html('<button type="button" class="btn btn-success btn-xs">已反馈</button>');
                    }else {
                        $td.html('<button type="button" class="btn btn-success btn-xs">已投保</button>');
                    }
                    $tr.append($td);

                    $td = $('<td id="orderId" style="display: none"></td>');
                    $td.text(Order.id);
                    $tr.append($td);

                    $td = $('<td id="orderId" style="display: none"></td>');
                    $td.text(Order.statusid);
                    $tr.append($td);

                    $td = $('<td></td>');
                    $td.html('<a href="javascript:;" orderNumber="'+Order.orderNumber+'" bookingno="'+Order.bookingid+'" class="btn btn-primary btn-xs showBooking" >查看</a>\n' +
                        '                            <a href="javascript:;" class="btn btn-success btn-xs insure">投保</a>\n' +
                        '                            <a href="javascript:;" class="btn btn-warning btn-xs declareatcusoms">报关</a>');
                    $tr.append($td);
                    $('#table1').append($tr);


                })

                $('#ye').prepend('<li><a class="page1" href="javascript:;" pageNum="'+(data.pageNum-1)+'" >&laquo;</a></li >');
                $("#ye").append('<li><a>'+data.pageNum+"/"+data.pages+'</a></li>');
                $('#ye').append('<li><a class="page1" href="javascript:;" pageNum="'+(data.pageNum+1)+'">&raquo;</a></li>');
            },
            error:function(){
                alert("错误");
            }
        })
        <!--end页面初始化ajax-->



        //点击条件查询订舱
        $(document).on("click",".page1",function () {
            var $spelno = $("#spelNo").val();
            var $orderNo = $("#orderNo").val();
            var $reqNo = $("#reqNo").val();
            var $SONO = $("#SONO").val();
            var $pagenum=$(this).attr("pageNum");
            var $pattern = /^\d{3,5}$/;
            if ($("#SONO").val()!="" && !($pattern.test($SONO))){
                $("#table1").hide();
                $("#tableError").show();
                $("#tableError").html("抱歉,未找到数据");
                return;
            }else if ($("#spelNo").val()!="" && !($pattern.test($spelno))){
                $("#table1").hide();
                $("#tableError").show();
                $("#tableError").html("抱歉,未找到数据");
                return;
            }else {
                $.ajax({
                    type:"post",
                    xhrFields:{withCredentials:true},
                    url:"http://localhost:8081/booking/showbooking",
                    dataType:"json",
                    data:{"spelno":$spelno,"orderNumber":$orderNo,"reqNo":$reqNo,"sono":$SONO,"shippingType":$shippingType,"pageNum":$pagenum,"token":$token},
                    success:function (data) {
                        if(data.list==0){
                            $("#table1").hide();
                            $("#tableError").show();
                            $("#tableError").html("抱歉,未找到数据");
                            return;
                        }
                        $("#tableError").hide();
                        $("#table1").show();
                        $('#table1 tbody').remove();
                        $.each(data.list,function(i,Order) {
                            var $tr = $('<tr></tr>');
                            // <div class="col-sm-8 ">
                            //         <div class="checkbox-custom checkbox-default">
                            //         <input type="checkbox"  name="procheck">
                            //         <label  ></label>
                            //         </div>
                            //         </div>
                            var $td = $('<td><div class="col-sm-8 ">\n' +
                                '                        <div class="checkbox-custom checkbox-default">\n' +
                                '                        <input type="checkbox" status="'+Order.statusid+'" bookingno="'+Order.bookingid+'" value="'+Order.orderNumber+'" name="procheck">\n' +
                                '                        <label for="RememberMe" ></label>\n' +
                                '                        </div>\n' +
                                '                        </div></td>');
                            $tr.append($td);


                            $td = $('<td></td>');
                            $td.text(Order.spelno);
                            $tr.append($td);


                            $td = $('<td></td>');
                            if (Order.bookingid==null) {
                                $td.text(Order.orderNumber+"/");
                            }else {
                                $td.text(Order.orderNumber+"/"+Order.bookingid);
                            }
                            $tr.append($td);

                            $td = $('<td></td>');
                            $td.text(Order.reqNo);
                            $tr.append($td);



                            $td = $('<td></td>');
                            $td.text(Order.sono);
                            $tr.append($td);

                            $td = $('<td></td>');
                            $td.text(Order.companyName);
                            $tr.append($td);

                            $td = $('<td></td>');
                            if (Order.shipName!=null ){
                                $td.text(Order.shipName+"/"+Order.shipCount);
                            }else {
                                $td.text("/");
                            }

                            $tr.append($td);


                            var   $etd=new   Date(Order.etd);
                            var   $eta=new   Date(Order.eta);
                            $td = $('<td></td>');
                            if (Order.etd!=null){
                                $td.text(formatDate($etd)+"/"+formatDate($eta));
                            }else {
                                $td.text("/");
                            }

                            $tr.append($td);

                            var   d=new   Date(Order.closingTime);
                            $td = $('<td></td>');
                            if (Order.closingTime!=null){
                                $td.text(formatDate(d));
                            }else {
                                $td.text("/");
                            }

                            $tr.append($td);

                            $td = $('<td></td>');
                            if (Order.loadingport==null){
                                $td.text("/");
                            }else {
                                $td.text(Order.loadingport+"/"+Order.dischargeport);
                            }
                            $tr.append($td);



                            $td = $('<td></td>');
                            if(Order.selfServices=="on"){
                                $td.text("自取");
                            }else {
                                $td.text("送货");
                            }
                            $tr.append($td);

                            $td = $('<td></td>');
                            if (Order.statusid==33) {
                                $td.html('<button type="button" class="btn btn-success btn-xs">未订舱</button>');

                            }else if (Order.statusid==5) {
                                $td.html('<button type="button" class="btn btn-info btn-xs">已订舱</button>');
                            }else if (Order.statusid==18){
                                $td.html('<button type="button" class="btn btn-success btn-xs">已反馈</button>');
                            }else {
                                $td.html('<button type="button" class="btn btn-success btn-xs">已投保</button>');
                            }
                            $tr.append($td);

                            $td = $('<td id="orderId" style="display: none"></td>');
                            $td.text(Order.id);
                            $tr.append($td);

                            $td = $('<td id="orderId" style="display: none"></td>');
                            $td.text(Order.statusid);
                            $tr.append($td);

                            $td = $('<td></td>');
                            $td.html('<a href="javascript:;" orderNumber="'+Order.orderNumber+'" bookingno="'+Order.bookingid+'" class="btn btn-primary btn-xs showBooking" >查看</a>\n' +
                                '                            <a href="javascript:;" class="btn btn-success btn-xs insure">投保</a>\n' +
                                '                            <a href="javascript:;" class="btn btn-warning btn-xs declareatcusoms">报关</a>');
                            $tr.append($td);
                            $('#table1').append($tr);


                        })
                        $('#ye').find("li").remove();
                        $('#ye').prepend('<li><a class="page1" href="javascript:;" pageNum="'+(data.pageNum-1)+'" >&laquo;</a></li >');
                        $("#ye").append('<li><a>'+data.pageNum+"/"+data.pages+'</a></li>');
                        $('#ye').append('<li><a class="page1" href="javascript:;" pageNum="'+(data.pageNum+1)+'">&raquo;</a></li>');
                    },
                    error:function(){
                        alert("错误");
                    }
                })
            }
        });

        $(document).on("click",".getBooking",function () {
            var $spelno2 = $("#spelNo2").val();
            var $pagenum=$(this).attr("pagenum");
            var $pattern = /^\d{3,5}$/;
            var $null = null;
            if ($("#spelNo2").val()!="" && !($pattern.test($spelno2))){
                $("#table1").hide();
                $("#tableError").show();
                $("#tableError").html("抱歉,未找到数据");
                return;
            }else {
                $.ajax({
                    type: "post",
                    xhrFields: {withCredentials: true},
                    url: "http://localhost:8081/booking/showbooking",
                    dataType: "json",
                    data: {"spelno": $spelno2, "orderNumber": $null, "reqNo": $null, "sono": $null,"shippingType":$shippingType, "token": $token},
                    success: function (data) {
                        if (data.list == 0) {
                            $("#table1").hide();
                            $("#tableError").show();
                            $("#tableError").html("抱歉,未找到数据");
                            return;
                        }
                        $("#tableError").hide();
                        $("#table1").show();
                        $('#table1 tbody').remove();
                        $.each(data.list, function (i, Order) {
                            var $tr = $('<tr></tr>');
                            // <div class="col-sm-8 ">
                            //         <div class="checkbox-custom checkbox-default">
                            //         <input type="checkbox"  name="procheck">
                            //         <label  ></label>
                            //         </div>
                            //         </div>
                            var $td = $('<td><div class="col-sm-8 ">\n' +
                                '                        <div class="checkbox-custom checkbox-default">\n' +
                                '                        <input type="checkbox" status="'+Order.statusid+'" bookingno="'+Order.bookingid+'" value="'+Order.orderNumber+'" name="procheck">\n' +
                                '                        <label for="RememberMe" ></label>\n' +
                                '                        </div>\n' +
                                '                        </div></td>');
                            $tr.append($td);


                            $td = $('<td></td>');
                            $td.text(Order.spelno);
                            $tr.append($td);

                            $td = $('<td></td>');
                            if (Order.bookingid==null) {
                                $td.text(Order.orderNumber+"/");
                            }else {
                                $td.text(Order.orderNumber+"/"+Order.bookingid);
                            }
                            $tr.append($td);

                            $td = $('<td></td>');
                            $td.text(Order.reqNo);
                            $tr.append($td);



                            $td = $('<td></td>');
                            $td.text(Order.sono);
                            $tr.append($td);

                            $td = $('<td></td>');
                            $td.text(Order.companyName);
                            $tr.append($td);

                            $td = $('<td></td>');
                            if (Order.shipName!=null ){
                                $td.text(Order.shipName+"/"+Order.shipCount);
                            }else {
                                $td.text("/");
                            }

                            $tr.append($td);


                            var   $etd=new   Date(Order.etd);
                            var   $eta=new   Date(Order.eta);
                            $td = $('<td></td>');
                            if (Order.etd!=null){
                                $td.text(formatDate($etd)+"/"+formatDate($eta));
                            }else {
                                $td.text("/");
                            }

                            $tr.append($td);

                            var   d=new   Date(Order.closingTime);
                            $td = $('<td></td>');
                            if (Order.closingTime!=null){
                                $td.text(formatDate(d));
                            }else {
                                $td.text("/");
                            }

                            $tr.append($td);

                            $td = $('<td></td>');
                            if (Order.loadingport==null){
                                $td.text("/");
                            }else {
                                $td.text(Order.loadingport+"/"+Order.dischargeport);
                            }
                            $tr.append($td);



                            $td = $('<td></td>');
                            if(Order.selfServices=="on"){
                                $td.text("自取");
                            }else {
                                $td.text("送货");
                            }
                            $tr.append($td);

                            $td = $('<td></td>');
                            if (Order.statusid==33) {
                                $td.html('<button type="button" class="btn btn-success btn-xs">未订舱</button>');
                            }else if (Order.statusid==5) {
                                $td.html('<button type="button" class="btn btn-info btn-xs">已订舱</button>');
                            }else if (Order.statusid==18){
                                $td.html('<button type="button" class="btn btn-success btn-xs">已反馈</button>');
                            }else {
                                $td.html('<button type="button" class="btn btn-success btn-xs">已投保</button>');
                            }
                            $tr.append($td);

                            $td = $('<td id="orderId" style="display: none"></td>');
                            $td.text(Order.id);
                            $tr.append($td);

                            $td = $('<td id="orderId" style="display: none"></td>');
                            $td.text(Order.statusid);
                            $tr.append($td);

                            $td = $('<td></td>');
                            $td.html('<a href="javascript:;" orderNumber="'+Order.orderNumber+'" bookingno="'+Order.bookingid+'" class="btn btn-primary btn-xs showBooking" >查看</a>\n' +
                                '                            <a href="javascript:;" class="btn btn-success btn-xs insure">投保</a>\n' +
                                '                            <a href="javascript:;" class="btn btn-warning btn-xs declareatcusoms">报关</a>');
                            $tr.append($td);
                            $('#table1').append($tr);


                        })
                        $('#ye').find("li").remove();
                        $('#ye').prepend('<li><a class="page1" href="javascript:;" pageNum="' + (data.pageNum - 1) + '" >&laquo;</a></li >');
                        $("#ye").append('<li><a>' + data.pageNum + "/" + data.pages + '</a></li>');
                        $('#ye').append('<li><a class="page1" href="javascript:;" pageNum="' + (data.pageNum + 1) + '">&raquo;</a></li>');
                    },
                    error: function () {
                        alert("错误");
                    }
                })
            }
        });

        //点击生成订舱单
        $(document).on("click","#getBooking",function  () {
            if($("input[name='procheck']:checked").length==1){
                if ($("input[name='procheck']:checked").attr("status")==33){
                    window.location.href='Booking.html?orderNumber='+$("input[name='procheck']:checked").val();
                }else {
                    alert("该订单无法再次订舱!");
                }
            }else {
                alert("无法同时申请订舱!");
            }
        })
        //订舱作废
        $(document).on("click","#deleteBooking",function  () {
            if($("input[name='procheck']:checked").length==1){
                if(confirm("是否要作废此订舱?")){
                    $.ajax({
                        type:"post",
                        xhrFields:{withCredentials:true},
                        url:"http://localhost:8081/booking/deleteBooking",
                        dataType:"json",
                        data:{"orderNumber":$("input[name='procheck']:checked").val(),"token":$token},
                        success:function (data) {
                            if(data.message=="no"){
                                alert("无法作废");
                                return;
                            }else if(data.message=="yes"){
                                window.location.reload();
                            }else{
                                alert("添加失败");
                            }

                        },
                        error:function(){
                            alert("异常");
                        }
                    });
                }else {
                    alert("无法删除此订舱!");
                }
            }else {
                alert("无法同时作废!");
            }


        });
        //点击预排柜
        $(document).on("click","#ycon",function  () {
            if($("input[name='procheck']:checked").length==1){
                if ($("input[name='procheck']:checked").attr("status")==5){
                    window.location.href='ycon.html?orderNumber='+$("input[name='procheck']:checked").val();
                }else {
                    alert("无法反馈订舱!");
                }
            }else {
                alert("无法同时反馈订舱!");
            }
        });

        //查看订舱单
        $(document).on("click","#checkbooking",function  () {
            if($("input[name='procheck']:checked").length==1){
                if($("input[name='procheck']:checked").attr("bookingno")!="null"){
                    window.location.href='CheckBooking.html?orderNumber='+$("input[name='procheck']:checked").val();
                }else {
                    alert("无法查看没有申请订舱的订单！");
                }
            }else {
                alert("无法同时查看订舱!");
            }
        });


        //订舱进行投保
        $(document).on("click",".insure",function  () {
            if($(this).parent().prev().html()==18){
                window.location.href='Insure.html?id='+$(this).parent().prev().prev().html();
            }else {
                alert("此订单无法投保,请先进行反馈!");
            }
        });

        //订舱进行报关
        $(document).on("click",".declareatcusoms",function  () {
            if($(this).parent().prev().html()==34){
                window.location.href='DeclareAtCustoms.html?id='+$(this).parent().prev().prev().html();
            }else {
                alert("此订单无法报关，请先进行投保!");
            }
        });


        //点击右边的查看按钮
        $(document).on("click",".showBooking",function  () {
            if($(this).attr("bookingno")!="null"){
                window.location.href='CheckBooking.html?orderNumber='+$(this).attr("orderNumber");
            }else {
                alert("无法查看没有申请订舱的订单！");
            }
        });



      $(window).load(function() {
      	$("#head").load("head.html");
      	

      	
      	$("#gsearch").click(function(){
 					 $("#bbb").toggle();
				});
      	$(".aa").click(function  () {
      		var $check=$("#RememberMe1").prop("checked");
      		if($check==true){
					$("input[name='procheck']").prop("checked", true);
					}else if($check==false){
						$("input[name='procheck']").prop("checked", false);
					}
      	});
        var date = new Date(),
            d = date.getDate(),
            m = date.getMonth(),
            y = date.getFullYear(),
            started,
            categoryClass;

        var calendar = $('#calendar').fullCalendar({
          header: {
            left: 'prev,next today',
            center: 'title',
            right: 'month,agendaWeek,agendaDay'
          },
          selectable: true,
          selectHelper: true,
          select: function(start, end, allDay) {
            $('#fc_create').click();

            started = start;
            ended = end;

            $(".antosubmit").on("click", function() {
              var title = $("#title").val();
              if (end) {
                ended = end;
              }

              categoryClass = $("#event_type").val();

              if (title) {
                calendar.fullCalendar('renderEvent', {
                    title: title,
                    start: started,
                    end: end,
                    allDay: allDay
                  },
                  true // make the event "stick"
                );
              }

              $('#title').val('');

              calendar.fullCalendar('unselect');

              $('.antoclose').click();

              return false;
            });
          },
          eventClick: function(calEvent, jsEvent, view) {
            $('#fc_edit').click();
            $('#title2').val(calEvent.title);

            categoryClass = $("#event_type").val();

            $(".antosubmit2").on("click", function() {
              calEvent.title = $("#title2").val();

              calendar.fullCalendar('updateEvent', calEvent);
              $('.antoclose2').click();
            });

            calendar.fullCalendar('unselect');
          },
          editable: true,
          events: [{
            title: 'All Day Event',
            start: new Date(y, m, 1)
          }, {
            title: 'Long Event',
            start: new Date(y, m, d - 5),
            end: new Date(y, m, d - 2)
          }, {
            title: 'Meeting',
            start: new Date(y, m, d, 10, 30),
            allDay: false
          }, {
            title: 'Lunch',
            start: new Date(y, m, d + 14, 12, 0),
            end: new Date(y, m, d, 14, 0),
            allDay: false
          }, {
            title: 'Birthday Party',
            start: new Date(y, m, d + 1, 19, 0),
            end: new Date(y, m, d + 1, 22, 30),
            allDay: false
          }, {
            title: 'Click for Google',
            start: new Date(y, m, 28),
            end: new Date(y, m, 29),
            url: 'http://google.com/'
          }]
        });
      });
    </script>
    <!-- /FullCalendar -->
  </body>
</html>
